/* CSS Document */

.product-filter-container{
    margin-top: 10px;
    float:left; width:250px;
    border:1px solid #CCC;
    height: 180px;
}
.product-filter-title{
    text-align:center; padding:10px 0px 10px 0px;
    color:white; background-color:darkgray;
}
.product-search{
}
.product-search-form{
    padding:10px;
}
.txt-product-search{
    height:30px;
}
.btn-product-search{
    margin:0px 0px 0px 0px; height:30px; float:left;
    background-color:#49afcd; border-radius:4px; border:none; padding:0px 10px 0px 10px;
    color: white;
    text-transform:uppercase; font-size:12px; font-weight:bold;
}
.btn-product-search:hover{
    cursor:pointer;
    box-shadow:0px 0px 3px 1px #2b95bc;
}
.searchSuggest{
    position:absolute;
    top: 48px;
    left:15px;
    width:230px;
    visibility: hidden; display: none;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    color:black;
}
.searchSuggest div:hover{
    cursor: pointer; color: white;
    background-color: #397249;
}
.searchSuggest div:active{
    background-color: #397249;
}
.searchSuggest div:last-child{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.check-with-label:checked + .label-for-check {
    font-weight: bold;
}

.product-list-container{
    float:left; width:75%; margin-left:10px;
    margin-bottom: 20px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.product-list-container h3:nth-child(odd){
    text-align:right; padding:10px 20px 5px 20px;
    color:white; background-color:#2b95bc;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom:1px dashed black;
    font-size:18px;
}
.product-list-container h3:nth-child(even){
    text-align:right; padding:0px 20px 10px 20px;
    color:white; background-color:#2b95bc; font-size:16px;
}
.product-list-head-title{
    overflow:hidden; padding:5px 0px 5px 0px;
    list-style:none; background-color:#063; font-size:13px; color:white; font-weight: bold;
}
.product-list-head-title li{
    float:left; text-align:center; display:block; text-transform:uppercase;
}
.res-name{
    width:220px;
}
.res-add{
    width:140px;
}
.res-rate{
    width:110px;
}
.res-ship-fee{
    width:110px;
}
.res-min-order{
    width:115px;
}
.restaurant-list-item{
    margin:auto;
}
.restaurant-name{
    font-size:14px;
    float:left; padding:5px 10px 10px 20px;
}
.restaurant-name a{
    display:block; text-decoration:none;
    margin:5px;
    width:200px;
    white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}
.restaurant-name img{
    width:200px; height:80px;
}
.restaurant-location{
    float:left; font-size:12px; padding:15px 10px 10px 10px;
    width:120px;
}
.restaurant-review{
    float:left;
    width:110px;
}
.restaurant-review p{
    font-size:12px; font-style:italic;
}
/*             styles for the star rater                */
.star-rating{
    list-style:none;
    margin-top: 15px;
    padding:0px;
    width: 100px;
    height: 20px;
    position: relative;
    background: url(../img/star_rating.gif) top left repeat-x;
}
.star-rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a{
    display:block;
    width:20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover{
    background: url(../img/star_rating.gif) left bottom;
    z-index: 1;
    left: 0px;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:20px;
}
.star-rating a.two-stars{
    left:20px;
}
.star-rating a.two-stars:hover{
    width: 40px;
}
.star-rating a.three-stars:hover{
    width: 60px;
}
.star-rating a.three-stars{
    left: 40px;
}
.star-rating a.four-stars{
    left: 60px;
}	
.star-rating a.four-stars:hover{
    width: 80px;
}
.star-rating a.five-stars{
    left: 80px;
}
.star-rating a.five-stars:hover{
    width: 100px;
}
/* STAR */
.restaurant-ship-fee{
    float:left;
    width:100px;
    text-align:center;
}
.restaurant-ship-fee p{
    margin-top:15px;
    font-size:12px; font-style:italic;
}
.restaurant-ship-fee p:after{
    content:" vnđ";
}
.restaurant-min-order{
    float:left;
    width:100px;
    text-align:center;
}
.restaurant-min-order p{
    margin-top:15px;
    font-size:12px; font-style:italic;
}
.restaurant-min-order p:after{
    content:" vnđ";
}
.product-list-container > div:nth-child(odd){
    background-color:white;
}
.product-list-container > div:nth-child(even){
    background-color:#EEE;
}